<template>
  <div id="home">
    <router-view name="notification"></router-view>
    <router-view></router-view>
    <router-view name="footer"></router-view>
  </div>
</template>

<script>
  import IntroPanel from './IntroPanel'
  import FooterBar from '../FooterBar'
  import NotificationBar from './Notification'

  export default {
    name: 'Home',
    components: {
      NotificationBar,
      FooterBar,
      IntroPanel
    },
    data: function () {
      return {}
    },
    computed: {},
    methods: {}
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
